import React from 'react';
import ReactDOM from 'react-dom/client';
import "@/styles/comm.less";
import './index.css';
import App from '@/App'
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom'

import {Provider } from 'react-redux'
import {PersistGate} from 'redux-persist/lib/integration/react';
import {persistor} from '@/redux/index'
import {store} from '@/redux/index'
import { ConfigProvider } from 'antd';
import locale from 'antd/locale/zh_CN';
import dayjs from 'dayjs';

import 'dayjs/locale/zh-cn';

dayjs.locale('zh-cn');

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
    <ConfigProvider locale={locale}>
        <Provider store={store}>
            <PersistGate loading={null} persistor={persistor}>
                <React.StrictMode>
                    <BrowserRouter>
                        <App />
                    </BrowserRouter>
                </React.StrictMode>
            </PersistGate>
        </Provider>
    </ConfigProvider>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
